import React, { Component, PropTypes } from 'react'
import ReactDOM from 'react-dom'

class NotFound extends Component {
    render() {
        return (
            <div className="row">
                <div className="col-md-6 col-md-offset-3 panel panel-info text-center" style={{ padding: "0px", marginTop: '120px' }}>
                    <div className="panel-heading text-left" >
                        <h5 style={{ margin: "10px" }}></h5>
                    </div>

                    <div className="panel-body" >
                        <br />

                        <h4>

                            <b>您所访问的页面不存在</b>
                        </h4>
                        <p style={{ color: "#ccc" }}>可能因为：</p>
                        <p>网址有错误 <span style={{ color: "#ccc" }}>>请检查地址是否完整或存在多余字符</span></p>
                        <p>账号权限低 <span style={{ color: "#ccc" }}>>当前账号权限不能访问当前页面</span></p>

                        <a href="/" style={{ marginRight: 10 }}>回到首页</a>
                        <a href="/logout">退出</a>
                        <br />
                        <br />

                    </div>
                </div>
            </div>
        )
    }
}
ReactDOM.render(
    <NotFound />,
    document.getElementById('notFound')
);